<!DOCTYPE html>

<html class="no-js">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://cdn.staticfile.org/axios/0.19.0-beta.1/axios.js"></script>
    <script src="https://cdn.staticfile.org/vue/2.5.17/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jsplumb@2.9.2/dist/js/jsplumb.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.13.0/theme-chalk/index.css" />
    <script src="https://cdn.staticfile.org/element-ui/2.13.0/index.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/animate.css/3.7.0/animate.min.css" />
    <link rel="stylesheet" href="../../../lib/index.css" />
    <script src="../../../lib/bee.js"></script>
</head>

<body>
    <div id="app">
        <bee-high-upload v-model="upload.fileList" :limit="upload.limit" :multiple="upload.multiple" :size="upload.size" :title="upload.title" :is-detail="upload.isDetail1" :upload-type="upload.uploadType" :action="upload.action" :auto-upload="upload.autoUpload" :accept="upload.accept"></bee-high-upload>
        <br>
        <br>
        <br>
        <bee-high-upload v-model="upload.fileList" :limit="upload.limit" :multiple="upload.multiple" :size="upload.size" :title="upload.title" :is-detail="upload.isDetail2" :upload-type="upload.uploadType" :action="upload.action" :auto-upload="upload.autoUpload" :download-url="upload.downloadUrl" :accept="upload.accept"></bee-high-upload>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                upload: {
                    isDetail1: false, //是否显示上传
                    isDetail2: true, //是否显示上传
                    downloadUrl: "http://www.baidu.com", // 下载URL
                    action: "", //请求URL
                    autoUpload: true, //是否自动上传
                    limit: 4, //限制上传的个数
                    multiple: false, //是否批量上传
                    size: 10, //限制图片大小 单位为M
                    title: "上传附件", //提示标题
                    accept: ".doc,.docx,.xls,.xlsx,.csv,.pdf,.ppt,.pptx,.jpg,.jpeg,.png", //支持上传的格式
                    uploadType: "normal", //上传的类型，‘normal’单个或批量上传，‘table’表格文件上传
                    fileList: [
                        {
                            url: "group1/M00/00/4F/wKgAy2BLIGSAW-bXAAANMvQaeGk983.png",
                            name: "操作指南1.png",
                            size: "2033.kb",
                            response:1,
                        },
                        {
                            url: "group1/M00/00/4F/wKgAy2BLIGSAW-bXAAANMvQaeGk983.png",
                            name: "操作指南1.png",
                            size: "2033.kb",
                            response:2
                        }
                    ],
                },
            }
        },
        computed: {
        },
        mounted() {
        },
        methods: {
        }
    })
</script>

</html>